@import '../../assets/css/reset.css';
@import '../../assets/css/common.css';
@import '../../assets/css/property.css';
*{
    user-select: none;
}
// 网页头部
.head{
    user-select: none;
    // position: static; /* 静态定位: 就是没有定位 */
    li{
        margin: 0 20px;
        cursor: pointer;
        a{
            color: #fff;
        }
        .a1{
            color: #fff;
        }
    }
    .li1{
        font-size: 16px;
    }
    // 激活效果
    .active{
        // 父级相对定位
        position: relative;
    }
    // 设置伪元素实现激活效果
    .active::after{
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        // 子级绝对定位
        position: absolute;
        top: 41px;
    }
    // 登录按钮样式设置
    .loginBtn{
        color: #fff;
    }
}

// h5粒子效果
.h5canvas{
    position: relative;
    height: 360px;
    #mydiv{
        position: absolute;
        top: -140px;
    }
    // 蒙层
    .banner-mask{
        position: absolute;
        width: 100%;
        height: 360px;
        top: 0px;
        background-color: rgba(0,0,0,.88);
        text-align: center;
    }
}

// 详情页的样式设置
.casedetailCont{
    width: 100%;
    height: 1352px;
    background: #f8f8f8;
    .move{
        position: relative;
        height: 180px;
        .topTitle{
            height: 290px;
            position: absolute;
            top: -160px;
            left: 0px;
            .topTitle-left{
                width: 620px;
                height: 290px;
                background: #fff;
                padding-top: 48px;
                padding-left: 48px;
                box-sizing: border-box;
                .textCont{
                    width: 484px;
                    height: 242px;
                    img{
                        width: 194px;
                        height: 48px;
                        text-align: center;
                    }
                    h2{
                        margin-top: 18px;
                        margin-bottom: 12px;
                        font-size: 24px;
                        color: #181818;
                        line-height: 34px;
                    }
                    p{
                        line-height: 24px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 3;
                        overflow: hidden;
                    }
                }
            }
            .topTitle-right{
                img{
                    width: 580px;
                    height: 290px;
                }
            }
        }
    }

    // 详情页下方的盒子设置
    .lower{
        min-height: 1100px;
        padding: 0px 50px;
        box-sizing: border-box;
        // 描述
        .lowerCont-desc{
            width: 1100px;
            height: 194px;
            margin-bottom: 24px;
            .desc-main{
                color: #181818;
                line-height: 24px;
                margin-top: 22px;
            }
            .desc-foot{
                height: 60px;
                line-height: 60px;
                .icon{
                    width: 14px;
                    height: 4px;
                    background: #1271ef;
                    margin-top: 28px;
                    margin-right: 10px;
                }
                .desc-foot-text{
                    font-size: 12px;
                }
            }
        }
        // 收益
        .profit{
            width: 1100px;
            .profitTitle{
                font-size: 24px;
                line-height: 30px;
                margin-top: 20px;
                margin-bottom: 24px;
                color: #181818;
            }
            .profitCont{
                line-height: 22px;
                color: #000;
                margin-bottom: 54px;
            }
            img{
                width: 100%;
            }
        }
    }
}